<div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasRight" aria-labelledby="offcanvasRightLabel">
    <div class="offcanvas-header">
        <h5 class="offcanvas-title" id="offcanvasRightLabel">购物车</h5>
        <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
    </div>
    <div class="offcanvas-body">
        <div class="bd-example">
            <table class="table">
                <thead class="table-light">
                <tr>
                    <th scope="col">
                        <input type="checkbox">
                        全选
                    </th>
                    <th scope="col">商品</th>
                    <th scope="col">单价</th>
                    <th scope="col">数量</th>
                    <th scope="col">小计</th>
                    <th scope="col">操作</th>

                </tr>
                </thead>
                <tbody>
                <tr>
                    <th scope="row">
                        <input type="checkbox">
                    </th>
                    <td>大数据：正在到来的数据革命[3.0升级版]</td>
                    <td>￥1000</td>
                    <td>
                        <input name="cartStock" type="number">
                    </td>
                    <td>￥2000</td>
                    <td>
                        <button class="btn btn-warning btn-sm">删除</button>
                    </td>
                </tr>
                </tbody>
            </table>

            总价：<span class="text-danger">￥</span>
            <button class="btn btn-primary btn-sm">清空</button>
            <button class="btn btn-danger btn-sm">结算</button>


        </div>
    </div>
</div>